<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>Gallery</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link href="__PUBLIC__/css/css_slider.css" type="text/css" rel="stylesheet" media="all">
	<!-- banner slider -->
	<link rel="stylesheet" href="__PUBLIC__/css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__PUBLIC__/css/ziji.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
	 rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
	<!-- main banner -->
	{include file="common/header"}
	<!-- //main banner -->
	<!-- page details -->
	<div class="breadcrumb-agile">
		<ol class="breadcrumb">
			<li class="breadcrumb-item">
				<a href="{:url('Index/index')}">Home</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">热卖产品</li>
		</ol>
	</div>
	<!-- //page details -->

	<!-- gallery -->
	<div class="gallery py-5" id="gallery" style="height: 1500px;">
		<div class="container py-lg-5">
			<h3 class="title text-center text-bl font-weight-bold mb-1">热卖产品</h3>
			<p class="title-sub text-center mb-sm-5 mb-4">看看是否有属于你的一件</p>
			<div class="news-grids pb-lg-5 text-center">
				<div class="row">
					<ul style="display: flex; flex-direction:row;justify-content: space-between; flex-wrap: wrap;height: 400px;">
						{volist name="nr" id="dj"}
						<li style="display: block; width: 30%; height: 100%;">
							<div style=" width: 100%; height: 100%;">
								<a href="{:url('Gallery/zs')}?tpid={$dj.id}"><img src="__PUBLIC__/static{$dj.pic}"  alt="news image" class="img-fluid"></a>
							</div>
						</li>
						{/volist}	
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- popup-->
	
	<!-- //popup -->	
	<!-- //gallery -->
	<!-- footer -->
	{include file="common/footer"}
	<!-- //footer -->

</body>

</html>